<div class="tpl-content-wrapper">
    <div class="row-content am-cf">
        <div class="row">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                <div class="widget am-cf">
                    <div class="widget-head am-cf">
                        <div class="widget-title  am-cf">{$title}</div>
                    </div>
                    <form action="{:U('delete')}">
                    <div class="widget-body  am-fr">
                        <div class="am-u-sm-12 am-u-md-6 am-u-lg-6">
                            <div class="am-form-group">
                                <div class="am-btn-toolbar">
                                    <div class="am-btn-group am-btn-group-xs">
                                        <a href="{:U('AdminUser/add')}"  class="am-btn am-btn-default am-btn-success"><span class="am-icon-plus"></span> 新增</a>
                                        <button type="submit" class="am-btn am-btn-default am-btn-danger" onclick="return confirm('确定要删除选中的数据吗')"><span class="am-icon-trash-o"></span> 批量删除</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="am-u-sm-12">
                            <table width="100%" class="am-table am-table-compact am-table-striped tpl-table-black " >
                                <thead>
                                    <tr>
                                        <th><input type="checkbox" id="del_check_all"></th>
                                        <th>用户名</th>
                                        <th>角色名</th>
                                        <th>注册时间</th>
                                        <th>修改时间</th>
                                        <th>操作</th>
                                    </tr>
                                </thead>
                                <tbody id="c_list">
                                    <volist name="data" id="vo">
                                        <tr class="gradeC">
                                            <td><input type="checkbox" class="del_check" name="id[]" value="{$vo.id}"></td>
                                            <td>{$vo.username}</td>
                                            <td>{$vo.privilege_name}</td>
                                            <td>{$vo.c_time|date='Y年m月d日 H:i:s',###}</td>
                                            <td>{$vo.u_time|date='Y年m月d日 H:i:s',###}</td>
                                            <td>
                                                <div class="tpl-table-black-operation">
                                                    <a href="{:U('AdminUser/edit',array('id'=>$vo['id']))}">
                                                        <i class="am-icon-pencil"></i> 编辑
                                                    </a>
                                                    <a href="{:U('AdminUser/delete',array('id'=>$vo['id']))}" class="tpl-table-black-operation-del"
                                                       onclick="return confirm('确定要删除该数据吗')">
                                                        <i class="am-icon-trash"></i> 删除
                                                    </a>
                                                </div>
                                            </td>
                                        </tr>
                                    </volist>
                                </tbody>
                            </table>
                        </div>
                        <div class="am-u-lg-12 am-cf" >
                            <div class="am-fr" id="page">
                                {$page}
                            </div>
                        </div>
                    </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<!--页码-->
<script>
    $(document).ready(function(){
        $("#del_check_all").click(function(){
//            $(this).attr("c")
            $(".del_check").prop('checked',$(this).prop('checked'));
        });

        $(".del_check").click(function(){
            if(!$(this).prop("checked")){
                $("#del_check_all").prop("checked",false);
            }else{
                if($(".del_check:checked").length == $(".del_check").length){
                    $("#del_check_all").prop("checked",true);
                }
            }
        })



        $("#page").on("click","a",function(event){
//            alert("a");
            var url = $(this).attr("href");
            $.ajax({
                url: url,
                type: 'GET',
                dataType: 'json',
            })
            .done(function(res) {
                // 在js里面使用PHP语法
                // 什么时候可以用
                // 你就想要PHP输出字符串的时候 不涉及到 js变量
                // 什么时候不可以用
                // 当你想要传输js 变量给PHP处理的时候
                var sList = '';
                var edit_url = "{:U('AdminUser/edit?id=eeee')}";
                var del_url = "{:U('AdminUser/delete?id=dddd')}";
                var edit = "";
                var del  = "";
                $.each(res.data,function(k,v){
                    edit = edit_url.replace('eeee',v.id);
                    del = del_url.replace('dddd',v.id);
                    sList += '<tr class="gradeC">';
                    sList += '<td><input type="checkbox"></td>';
                    sList += '<td>' + v.username + '</td>';
                    sList += '<td>' + v.privilege_name + '</td>';
                    sList += '<td>' + get_date(v.c_time) +'</td>';
                    sList += '<td>' + get_date(v.u_time) +'</td>';
                    sList += '<td>';
                    sList += '<div class="tpl-table-black-operation">';
                    sList += '<a href="'+ edit +'"> ';
                    sList += '<i class="am-icon-pencil"></i> 编辑';
                    sList += '</a>';
                    sList += ' <a href="' + del + '" class="tpl-table-black-operation-del"> ';
                    sList += '<i class="am-icon-trash " onclick="return confirm(\'确定要删除该数据吗\')"></i> 删除';
                    sList += '</a>';
                    sList += '</div>';
                    sList += '</td>';
                    sList += '</tr>';
                });
                $('#c_list').html(sList);
                $('#page').html(res.page);
            });
            event.preventDefault();//组织跳转
        });
        function add0(int){
            return int < 10 ? '0'+int : int;
        }
        // localTime 时间戳【单位s】
        function get_date(localTime) {
            var d=new Date(); //创建一个Date对象
            // var localTime = d.getTime(); //获取当前时间戳
            localTime = localTime * 1000; //php时间戳与js时间戳格式不一样 相差1000倍
            var localOffset=0;//d.getTimezoneOffset()*60000; //获得当地时间偏移的毫秒数
            // document.writeln("获取当前时间戳 " + localTime + "<br>");
            // document.writeln("获得当地时间偏移的毫秒数 " + localOffset + "<br>");

            var utc = localTime + localOffset; //utc即GMT时间
            var offset  = 0; //以夏威夷时间为例，东10区
            // var offset =8; //以夏威夷时间为例，东10区
            var hawaii = utc + (3600000*offset);
            var nd = new Date(hawaii);
            // document.writeln("Hawaii time is " + nd.toLocaleString() + "<br>");
            // Date.UTC(year, month, day, hours, minutes, seconds, ms)
            // --以GMT时间构建Date对象，返回Date对象
            var year=nd.getFullYear();//获取年份
            var month=nd.getMonth()+1;//获取月份
            var date=nd.getDate();//获取日期
            var hour=nd.getHours();//获取小时
            var minute=nd.getMinutes();//获取分钟
            var second=nd.getSeconds();//获取秒
            var date = year+"年"+add0(month)+"月"+add0(date)+"日 "+add0(hour)+":"+add0(minute)+":"+add0(second);
            // var date = year+"-"+add0(month)+"-"+add0(date);
            // document.writeln(date);
            return date;
        }
    });//ready结束
</script>